 //定义图表对象
 var myChart1 = null;
 window.onload = function(){
				var span = document.getElementById('time');
				var dateStr = formatDate();
				// 将时间放置到span内
				span.innerText = dateStr;
				// 每隔一秒，再放置一次最新的时间
				setInterval(function(){
					span.innerText = formatDate();
				},1000);
				//格式化年月日时分秒 
				function formatDate(){
					var date = new Date();
					var week=getWeek(date);
					var year = date.getFullYear();
					var month = date.getMonth()+1;
					month = month<10?'0'+month:month;
					var day = date.getDate();
					day = day<10?'0'+day:day;
					var hours = date.getHours();
					hours = hours<10?'0'+hours:hours;
					var minutes = date.getMinutes();
					minutes = minutes<10?'0'+minutes:minutes;
					var seconds = date.getSeconds();
					seconds = seconds<10?'0'+seconds:seconds;
					//console.log(hours);
					//console.log(minutes);
					return year+'  年 '+month+' 月 '+day+' 日 '+hours+':'+minutes+':'+seconds+'\xa0\xa0'+week;
				}
				function getWeek (d) {
						var weekday = new Array(7)
						weekday[0] = "星期日"
						weekday[1] = "星期一"
						weekday[2] = "星期二"
						weekday[3] = "星期三"
						weekday[4] = "星期四"
						weekday[5] = "星期五"
						weekday[6] = "星期六"
						return weekday[d.getDay()];
					}
			};
/**	function startmarquee(lh,speed,delay){　　
	　　var t;　　
	　　var oHeight = 150; /**//** div的高度　
	　　var p=false;　
		var o=document.getElementById("duty");　
		//console.log(o);　
	　　var preTop = 0;　
	　　o.scrollTop = 0;　　
		　　function start(){　　
		　　　　t=setInterval(scrolling,speed);　　
		　　　　o.scrollTop += 1;　　
		　　}　　
		　　function scrolling(){　　
		　　　　if(o.scrollTop%lh!=0 && o.scrollTop%(o.scrollHeight-oHeight-1)!=0){　
		　　　　　　preTop = o.scrollTop;　
		　　　　　　o.scrollTop+=1;　
			　　　　　　if(preTop >= o.scrollHeight || preTop==o.scrollTop){　
			　　　　　　　　o.scrollTop = 0;　
			　　　　　	}　
			　　}else{　
		　　　　　　clearInterval(t);　　
		　　　　　　setTimeout(start,delay);　　
		　　　　	}　
			}　　
			setTimeout(start,delay);　　
	}
startmarquee(一次滚动高度,速度,停留时间);　　
startmarquee(500,90,1200);
 /*$(function(){
	clocknum(1042,'supplyPeoples'); 
	clocknum(88,'requiredPeoples');
 });*/
 //建立axjx所需的json数据
	var app={
            hostname:[],
            value:[]
        };

	//发送ajax请求
	$(document).ready(function () {
		cpuBar();
		memBar();
		diskBar();
		netBar();	
		//get_duty();
		get_issue();
		//get_equip();
		//dbBar();
		get_dBCheck();
		console.log(app.hostname);
		console.log(app.value)
    });
 /**
 * cpu top5柱形图
 */
 function cpuBar(){
	
	$.ajax({
		cache: false,
		type: "GET",
		url: "/get_cpu_usage", //把表单数据发送到/viewdata
		data: {}, // 发送的数据，这里是前端接收数据，所以是空
		dataType : "json",  //返回数据形式为json
		async: false,
		error: function(request) {
			alert("cpuBar发送请求失败！");
		},
		success: function(app) {
			myChart =  echarts.init(document.getElementById('cpuBar'));	// 基于准备好的dom，初始化echarts实例
			var option = {
			title: {
				text: 'CPU使用率TOP5',
				left: 'center',
				textStyle:{color:'#fff'},
				top:'4%',
			},
			tooltip: {
				trigger: 'axis',
				axisPointer: {            // 坐标轴指示器，坐标轴触发有效
					type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
				}
			},
			grid: {
				left: '2%',
				right: '4%',
				top:'20%',
				bottom: '3%',
				containLabel: true
			},
			
			xAxis: [
				{
					type: 'value',
					axisLabel: {		//y轴文字颜色
						color: '#fff'
					},
					axisLine: {		    //y轴线的颜色
						lineStyle:{
							 color: ['#fff'],
							 width: 1,
							 type: 'solid',
							 opacity: 0.1
						}
					},
					splitLine: {        //网格样式
						show: true,
						lineStyle:{
							 color: 'rgba(255,255,255,0.1)',
							 width: 1,
							 type: 'dashed'
						}
					}
				}
			],
			yAxis: [
				{
					type: 'category',
					data: app.hostname,
					axisTick: {
						alignWithLabel: true
					},
					axisLabel: {		//x轴文字颜色
						color: '#fff',
						//formatter: '{value} %'
						//interval:0,//横轴信息全部显示
						//rotate:-30,//-30度角倾斜显示
					},
					axisLine: {		    //x轴线的颜色
						lineStyle:{
							 color: ['#fff'],
							 width: 1,
							 type: 'solid',
							 opacity: 0.1
						}
					}
				}
			],
			series: [
				{
					//name: '直接访问',
					type: 'bar',
					barWidth: '50%',
					itemStyle: {
						normal: {
									color:function(params){
									console.log(params.value);
									/**
										渐变色demo
										*/
									if(params.value < 60.0){
										return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
											{offset: 0, color: '#248ff7'},
											{offset: 1,	color: '#6851f1'}]);
										}
										return new echarts.graphic.LinearGradient(1, 0, 0, 0, [
											{offset: 0, color: '#FF0000'},
											{offset: 1,	color: '#6851f1'}]);
									},
									label: {
										show: true,
										//orient: 'horizontal',
										position: 'middle',//数据在中间显示
										formatter:'{c}%',//百分比显示
										textStyle: {	    //数值样式
											color: 'white',
											fontSize: 13
										}
									},
									barBorderRadius: 11,
								}
				  },
					data:app.value 
				}
			]
			};
			myChart.setOption(option,true);	    // 使用刚指定的配置项和数据显示图表。
		}
	});
};
 function memBar(){
	
	$.ajax({
		cache: false,
		type: "GET",
		url: "/get_mem_usage", //把表单数据发送到/viewdata
		data: {}, // 发送的数据，这里是前端接收数据，所以是空
		dataType : "json",  //返回数据形式为json
		async: false,
		error: function(request) {
			alert("memBar发送请求失败！");
		},
		success: function(app) {
			myChart =  echarts.init(document.getElementById('memBar'));	// 基于准备好的dom，初始化echarts实例
			var option = {
			title: {
				text: '内存使用率TOP5',
				left: 'center',
				textStyle:{color:'#fff'},
				top:'4%',
			},
			tooltip: {
				trigger: 'axis',
				axisPointer: {            // 坐标轴指示器，坐标轴触发有效
					type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
				}
			},
			grid: {
				left: '2%',
				right: '4%',
				top:'20%',
				bottom: '3%',
				containLabel: true
			},
			
			xAxis: [
				{
					type: 'value',
					axisLabel: {		//y轴文字颜色
						color: '#fff'
					},
					axisLine: {		    //y轴线的颜色
						lineStyle:{
							 color: ['#fff'],
							 width: 1,
							 type: 'solid',
							 opacity: 0.1
						}
					},
					splitLine: {        //网格样式
						show: true,
						lineStyle:{
							 color: 'rgba(255,255,255,0.1)',
							 width: 1,
							 type: 'dashed'
						}
					}
				}
			],
			yAxis: [
				{
					type: 'category',
					data: app.hostname,
					axisTick: {
						alignWithLabel: true
					},
					axisLabel: {		//x轴文字颜色
						color: '#fff',
						//interval:0,//横轴信息全部显示
						//rotate:-30,//-30度角倾斜显示
					},
					axisLine: {		    //x轴线的颜色
						lineStyle:{
							 color: ['#fff'],
							 width: 1,
							 type: 'solid',
							 opacity: 0.1
						}
					}
				}
			],
			series: [
				{
					//name: '直接访问',
					type: 'bar',
					barWidth: '50%',
					itemStyle: {
						normal: {
									color:function(params){
									console.log(params.value);
									/**
										渐变色demo
										*/
									if(params.value < 60.0){
										return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
											{offset: 0, color: '#248ff7'},
											{offset: 1,	color: '#6851f1'}]);
										}
										return new echarts.graphic.LinearGradient(1, 0, 0, 0, [
											{offset: 0, color: '#FF0000'},
											{offset: 1,	color: '#6851f1'}]);
									},
									label: {
										show: true,
										//orient: 'horizontal',
										position: 'middle',//数据在中间显示
										formatter:'{c}%',//百分比显示
										textStyle: {	    //数值样式
											color: 'white',
											fontSize: 13
										}
									},
									barBorderRadius: 11,
								}
				  },
					data:app.value 
				}
			]
			};
			myChart.setOption(option,true);	    // 使用刚指定的配置项和数据显示图表。
		}
	});
};
 function diskBar(){
	
	$.ajax({
		cache: false,
		type: "GET",
		url: "/get_disk_usage", //把表单数据发送到/viewdata
		data: {}, // 发送的数据，这里是前端接收数据，所以是空
		dataType : "json",  //返回数据形式为json
		async: false,
		error: function(request) {
			alert("diskBar发送请求失败！");
		},
		success: function(app) {
			myChart =  echarts.init(document.getElementById('diskBar'));	// 基于准备好的dom，初始化echarts实例
			var option = {
			title: {
				text: '硬盘使用率TOP5',
				left: 'center',
				textStyle:{color:'#fff'},
				top:'4%',
			},
			tooltip: {
				trigger: 'axis',
				axisPointer: {            // 坐标轴指示器，坐标轴触发有效
					type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
				}
			},
			grid: {
				left: '2%',
				right: '4%',
				top:'20%',
				bottom: '3%',
				containLabel: true
			},
			
			xAxis: [
				{
					type: 'value',
					axisLabel: {		//y轴文字颜色
						color: '#fff'
					},
					axisLine: {		    //y轴线的颜色
						lineStyle:{
							 color: ['#fff'],
							 width: 1,
							 type: 'solid',
							 opacity: 0.1
						}
					},
					splitLine: {        //网格样式
						show: true,
						lineStyle:{
							 color: 'rgba(255,255,255,0.1)',
							 width: 1,
							 type: 'dashed'
						}
					}
				}
			],
			yAxis: [
				{
					type: 'category',
					data: app.hostname,
					axisTick: {
						alignWithLabel: true
					},
					axisLabel: {		//x轴文字颜色
						color: '#fff',
						//formatter: '{value} mbps'
						//interval:0,//横轴信息全部显示
						//rotate:-30,//-30度角倾斜显示
					},
					axisLine: {		    //x轴线的颜色
						lineStyle:{
							 color: ['#fff'],
							 width: 1,
							 type: 'solid',
							 opacity: 0.1
						}
					}
				}
			],
			series: [
				{
					//name: '直接访问',
					type: 'bar',
					barWidth: '50%',
					itemStyle: {
						normal: {
									color:function(params){
									console.log(params.value);
									/**
										渐变色demo
										*/
									if(params.value < 60.0){
										return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
											{offset: 0, color: '#248ff7'},
											{offset: 1,	color: '#6851f1'}]);
										}
										return new echarts.graphic.LinearGradient(1, 0, 0, 0, [
											{offset: 0, color: '#FF0000'},
											{offset: 1,	color: '#6851f1'}]);
									},
									label: {
										show: true,
										//orient: 'horizontal',
										position: 'middle',//数据在中间显示
										formatter:'{c}%',//百分比显示
										textStyle: {	    //数值样式
											color: 'white',
											fontSize: 13
										}
									},
									barBorderRadius: 11,
								}
				  },
					data:app.value 
				}
			]
			};
			myChart.setOption(option,true);	    // 使用刚指定的配置项和数据显示图表。
		}
	});
};
function netBar(){
	
	$.ajax({
		cache: false,
		type: "GET",
		url: "/get_network_usage", //把表单数据发送到/viewdata
		data: {}, // 发送的数据，这里是前端接收数据，所以是空
		dataType : "json",  //返回数据形式为json
		async: false,
		error: function(request) {
			alert("netBar发送请求失败！");
		},
		success: function(app) {
			myChart =  echarts.init(document.getElementById('netBar'));	// 基于准备好的dom，初始化echarts实例
			var option = {
			title: {
				text: '日照园区网络使用情况',
				left: 'center',
				textStyle:{color:'#fff'},
				top:'4%'
			},
			tooltip: {
				trigger: 'axis',
				axisPointer: {            // 坐标轴指示器，坐标轴触发有效
					type: 'none'        // 默认为直线，可选为：'line' | 'shadow'
				}
			},
			grid: {
				left: '4%',
				right: '5%',
				top:'35%',
				bottom: '3%',
				containLabel: true,
			},
			legend: {
				top:'15%',
				data: ['上传速度', '下载速度'],
				textStyle: {	    //数值样式
					color: 'white',
					fontSize: 13
				}
			},
			xAxis: [
				{
					type: 'category',
					data: ['联通110兆专线', '联通100兆专线', '联通200兆外网', '移动100兆外网'],
					axisTick: {
						alignWithLabel: true
					},
					axisLabel: {		//x轴文字颜色
						//color: '#fff',
						fontSize: 10,
						interval:0,//横轴信息全部显示
						//rotate:-30//-30度角倾斜显示
					},
					axisLine: {		    //x轴线的颜色
						lineStyle:{
							 color: ['#fff'],
							 width: 1,
							 type: 'solid',
							 opacity: 0.1
						}
					}
				}
			],
			yAxis: [
				{
					//name: "单位（mbps）",
					type: 'value',
					axisLabel: {		//y轴文字颜色
						color: '#fff',
						formatter:'{value}MBPS'
					},
					axisLine: {		    //y轴线的颜色
						lineStyle:{
							 color: ['#fff'],
							 width: 1,
							 type: 'solid',
							 opacity: 0.1
						}
					},
					splitLine: {        //网格样式
						show: true,
						lineStyle:{
							 color: 'rgba(255,255,255,0.1)',
							 width: 1,
							 type: 'dashed'
						}
					}
				}
			],
			series: [
				{
					name: '上传速度',
					color: ['#0099FF'],
					type: 'bar',
					barWidth: '40%',
					itemStyle: {
						normal: {
						label: {
								show: true,		//开启显示
								position: 'top',	//在上方显示
								//formatter:'{c}mbps',
								textStyle: {	    //数值样式
								color: 'white',
								fontSize: 13
								}
						}
					}
				  },
					data:app.hostname 
				},
				{
					name: '下载速度',
					color: ['#FFCC33'],
					type: 'bar',
					barWidth: '40%',
					itemStyle: {
						normal: {
						label: {
								show: true,		//开启显示
								position: 'top',	//在上方显示
								//formatter:'{c}mbps',
								textStyle: {	    //数值样式
								color: 'white',
								fontSize: 13
								}
						}
					}
				  },
					data:app.value
				}
			]
			};
			myChart.setOption(option,true);	    // 使用刚指定的配置项和数据显示图表。
		}
	});
};
function get_duty(){
            $.ajax({
                cache: false,
				url:"/get_duty",
                type:"get",
                data:{},
				dataType : "json",  //返回数据形式为json
				async: false,
                success:function (app) {
                    console.log(app.value);
					//var duty = document.getElementById('duty')
					$("#mon").html(app.value[0]);
					
                },
                error:function () {
                    alert("get_duty发送ajax请求失败")
                }

			})
		};

function get_issue(){
            $.ajax({
                cache: false,
				url:"/get_issue",
                type:"get",
                data:{},
				dataType : "json",  //返回数据形式为json
				async: false,
                success:function (app) {
                    console.log(app.value);
					//var duty = document.getElementById('duty')
					clocknum(app.value,'dayresolve'); 
					clocknum(app.hostname,'daytotal');
					clocknum(app.value2,'montotal');
					clocknum(app.value3,'monresolve');
					clocknum(app.value4,'lowgrademonth');
					clocknum(app.value5,'highgradepermon');
					clocknum(app.value6,'commentpermon');
					clocknum(app.value7,'resolvepermon');
                },
                error:function () {
                    alert("get_issue发送ajax请求失败")
                }

			})
		};
function get_equip(){
            $.ajax({
                cache: false,
				url:"/get_equip",
                type:"get",
                data:{},
				dataType : "json",  //返回数据形式为json
				async: false,
                success:function (app) {
                    console.log(app.value);
					//var duty = document.getElementById('duty')
					$("#equip").html(app.hostname[0]+"剩余数量： "+app.value[0]+"</br>"+app.hostname[1]+"剩余数量： "+app.value[1]+"</br>"+app.hostname[2]+"剩余数量： "+app.value[2]+"</br>"+app.hostname[3]+"剩余数量： "+app.value[3]);
					
                },
                error:function () {
                    alert("发送equip ajax请求失败")
                }

			})
		};
function get_dBCheck(){
            $.ajax({
                cache: false,
				url:"/get_dBCheck",
                type:"get",
                data:{},
				dataType : "json",  //返回数据形式为json
				async: false,
                success:function (app) {
                    var tr = '';
                    var tdHeads = '';
                    var nameData = new Array("主机名", "实例状态", "监听状态", "表占用", "临时表占用");
                    for (var i = 0; i < nameData.length; i++) {
//                        tdHeads += '<td style="padding: 0 10px">' + nameData[i] + '</td>';
                          tdHeads += '<td>' + nameData[i] + '</td>';
                    }
                    //组装表头
                    var table = '<table id="db" border="1" style="width:100%;height:85%;text-align:center;color:#FFFFFF"><caption style="text-align:center;color:#FFFFFF;height:10%">日照园区数据库状态</caption><tbody style="height:80%">';
                    //组装表数据
                    for (var j = 0; j < app['hostname'].length ; j++) {
                        var temp1 = app['hostname'][j];
                        var temp2 = app['instanceStatus'][j];
                        var temp3 = app['lsnrStatus'][j];
                        var temp4 = app['tbsUsage'][j] + '%';
                        var temp5 = app['tempTbsUsage'][j] + '%';
                        tr += '<tr><td>' + temp1 + '</td>' + '<td>' + temp2 +'</td>' + '<td>' + temp3 +'</td>' +'<td>' + temp4 + '</td>' + '<td>' + temp5 +'</td></tr>';}
                    table += tdHeads;
                    table += tr + '</tbody></table>';
                    console.log(table);
					$("#dbBar").html(table);
                },
                error:function () {
                    alert("发送dBCheck ajax请求失败")
                }
			})
		};
function dbBar(){

	$.ajax({
		cache: false,
		type: "GET",
		url: "/get_dbs_usage", //把表单数据发送到/viewdata
		data: {}, // 发送的数据，这里是前端接收数据，所以是空
		dataType : "json",  //返回数据形式为json
		async: false,
		error: function(request) {
			alert("dbBar发送请求失败！");
		},
		success: function(app) {
			//console.log(app.hostname)
			//console.log(app.value)
			var line = []
			var line1 = [];
			for (var i =0 ;i < 6;i++){
			    line1.push(app.value[i])
			}
			line.push(line1)
			var line2 = [];
			for (var i =6 ;i < 12;i++){
			    line2.push(app.value[i])
			}
			line.push(line2)
			var line3 = [];
			for (var i =12 ;i < 18;i++){
			    line3.push(app.value[i])
			}
			line.push(line3)
			var line4 = [];
			for (var i =18 ;i < 24;i++){
			    line4.push(app.value[i])
			}
			line.push(line4)
			var line5 = [];
			for (var i =24 ;i < 30;i++){
			    line5.push(app.value[i])
			}
			line.push(line5)
			var line6 = [];
			for (var i =30 ;i < 36;i++){
			    line6.push(app.value[i])
			}
			line.push(line6)
			var hostname = [];
			var dic = new Array();
			for (var i =0 ;i < 36;i = i + 6){
			    hostname.push(app.hostname[i])
			}
			var s_data = [];

            for (var j = 0; j < hostname.length; j++) {
                s_temp = {
                    name: hostname[j],
                    type: "line",
                    //symbol: 'none',
                    data: line[j]
                };
                s_data.push(s_temp)
            }
			myChart =  echarts.init(document.getElementById('dbBar'));	// 基于准备好的dom，初始化echarts实例
			var option = {
			title: {
				text: '日照园区数据库表空间使用率监控',
				left: 'center',
				textStyle:{color:'#fff'},
				top:'1%'
			},
			tooltip: {
				trigger: 'axis',
				axisPointer: {            // 坐标轴指示器，坐标轴触发有效
					type: 'none'        // 默认为直线，可选为：'line' | 'shadow'
				}
			},
			grid: {
				left: '7%',
				right: '7%',
				bottom: '3%',
				containLabel: true
			},
			legend: {
				data: hostname,
				top:'12%',
				textStyle: {	    //数值样式
					color: 'white',
					fontSize: 10
				}
			},
			toolbox: {
                show: true,
                //right: '13px',
                //top: '-7px',
                feature: {
                    dataZoom: {
                        yAxisIndex: 'none',
                        show:false
                    },
                magicType: {
                    type: ['bar'],
                    title: {bar: '柱状图'}
                    },
                //restore: {},
                //saveAsImage: {},
                dataView: {
                show: true,
                title: '表格数据',
                // 数据视图展示为table
                optionToContent: function (opt) {
                    var axisData = opt.xAxis[0].data; // 坐标数据
                    var series = opt.series; //折线图数据，此处即为数据源，可以打印查看
                    var tdHeads = '<td  style="padding: 0 10px">时间</td>'; //表头第一列
                    var tdBodys = ''; //表数据
                    //组装表头
                    var nameData = new Array("A相电流", "B相电流", "C相电流", "A相电压", "B相电压", "C相电压");
                    for (var i = 0; i < nameData.length; i++) {
                        tdHeads += '<td style="padding: 0 10px">' + nameData[i] + '</td>';
                    }
                    var table = '<table id="tableExcel_Day" border="1" class="table-bordered table-striped" style="width:100%;text-align:center" ><tbody><tr>' + tdHeads + ' </tr>';
                    //组装表数据
                    for (var i = 0; i < axisData.length;  i++) {
                    for (var j = 0; j < series.length ; j++) {
                        var temp = series[j].data[i];
                        if (temp != null && temp != undefined) {
                            tdBodys += '<td>' + (temp*1).toFixed(2) + '</td>';
                        } else {
                            tdBodys += '<td></td>';
                        }
                    }
                    table += '<tr><td style="padding: 0 10px">' + axisData[i] + '</td>' + tdBodys + '</tr>';
                    tdBodys = '';
                    }
                    table += '</tbody></table>';
                    return table;
                }
                }
                },
            },
			xAxis: {
				type: 'category',
				boundaryGap: false,
				data: ['30分钟前', '25分钟前', '20分钟前', '15分钟前', '10分钟前', '5分钟前'],
				axisLine: {		    //x轴线的颜色
						lineStyle:{
							 color: ['#fff'],
							 width: 1,
							 type: 'solid',
							 opacity: 0.1
						}
					},
				axisLabel: {		//x轴文字颜色
						//color: '#fff',
						fontSize: 10,
						interval:0,//横轴信息全部显示
					},
			},
			yAxis: {
				type: 'value',
				axisLabel: {//y轴文字颜色
								color: '#fff',
								formatter:'{value}%'
							},
				axisLine: {		    //y轴线的颜色
							lineStyle:{
							color: ['#fff'],
							width: 1,
							type: 'solid',
							opacity: 0.1
								}
							},
				splitLine: {        //网格样式
								show: true,
								lineStyle:{
									 color: 'rgba(255,255,255,0.1)',
									 width: 1,
									 type: 'dashed'
								}
							}
			},
			series : s_data
			};
			myChart.setOption(option,true);	    // 使用刚指定的配置项和数据显示图表。
		}
	});
};
window.setInterval(function(){
	cpuBar();
	memBar();
	diskBar();
	netBar();
	get_issue();
	//get_equip();
	get_dBCheck();
},60000);
/**
*LED液晶屏数字字符效果
*/
/*function showLEDNumber(value,id){
	var htmlArr = [];
	var len = value.length;
	for(var i=0;i<len;i++){
		var number = value.charAt(i);
		htmlArr.push('<div class="clock c'+number+'" >');
		htmlArr.push('<div class="v n1"><div class="u"></div><div class="d"></div></div>');
		htmlArr.push('<div class="v n2"><div class="u"></div><div class="d"></div></div>');
		htmlArr.push('<div class="h n3"><div class="l"></div><div class="r"></div></div>');
		htmlArr.push('<div class="v n4"><div class="u"></div><div class="d"></div></div>');
		htmlArr.push('<div class="v n5"><div class="u"></div><div class="d"></div></div>');
		htmlArr.push('<div class="h n6"><div class="l"></div><div class="r"></div></div>');
		htmlArr.push('<div class="h n7"><div class="l"></div><div class="r"></div></div>');
		htmlArr.push('</div>');
	}
	$("#"+id).html(htmlArr.join(""));
}*/

function clocknum(num,id) {
       $('#'+id).empty();
       var html = '';
       var strarr = num.toString().split('');
       var digit_to_name = 'zero one two three four five six seven eight nine'.split(' ');
       for(var i=0; i<strarr.length; i++){
           if(strarr[i] == '.'){
               html += '<div class="dot"></div>'
           } else {
               var clasname = digit_to_name[strarr[i]];
               html += '<div class="'+clasname+'">' +
                       '<span class="d1"></span>' +
                       '<span class="d2"></span>' +
                       '<span class="d3"></span>' +
                       '<span class="d4"></span>' +
                       '<span class="d5"></span>' +
                       '<span class="d6"></span>' +
                       '<span class="d7"></span>' +
                   '</div>';
           }
       }
       $('#'+id).append(html);
   }
